<template>
  <div id="left-tool-window" :style="{width: tool.leftWidth + 'px'}">
    <div class="left-tool-window-body">
      <div id="left-tool-header">
        <slot>

        </slot>
      </div>
      <div class="left-tool-window-body">
        <keep-alive>
          <component :is="tool.ctx.component"></component>
        </keep-alive>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import {useLeftToolStore} from "../../../../store/leftTool";
import {ref} from "vue";
const tool=useLeftToolStore()

const c=ref('FilesToolWindow')

function nodeClass(data, node) {
    if (data.file.fileType === 0) {
        return 'file-folder'
    } else {
        return 'file-empty'
    }
}
</script>

<style scoped>
.left-tool-window-body{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
#left-tool-window{
    overflow: auto;
}
</style>